<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页爬取结果展示</title>
    <style>
        .res{
          background:#fbfbfb;
        }
        .header{
          background:#000;
          color:#fff;
        }
        .header span{
          display:inline-block;
          width:150px;
          margin:5px;
        }
        .content span{
          display:inline-block;
          width:150px;
         margin:5px;
        }
    </style>
</head>
<body>
<h3>如下为爬取列表显示</h3>
<div class="res">
<!--    这里给定结果标题-->
    <div class="header">
        <span>序号</span>
        <span>标题</span>
        <span>来源</span>
        <span>爬取时间</span>
    </div>
    <div class="content">
        {% for item in data %}
        <div style="">
             <span>{{item[0]}}</span>
             <span>{{item[1]}}</span>
             <span>{{item[2]}}</span>
             <span>{{item[3]}}</span>
        </div>
        {% endfor %}
    </div>
 </div>
</body>
</html>